.controls {
    display: flex;
    justify-content: space-between;
    align-content: center;
  }
  
  .el-checkbox {
    --el-checkbox-checked-text-color:  #27ba9b;
      --el-checkbox-checked-input-border-color: #27ba9b;
      --el-checkbox-checked-bg-color:  #27ba9b;
       /* --el-checkbox-checked-icon-color: #27ba9b; */
      --el-checkbox-input-border-color-hover:  #27ba9b;
  }
  .el-checkbox__input.is-checked+.el-checkbox__label {
      color: #27ba9b;
  }
  
  .el-link {
    text-decoration: none;
    color: #27ba9b;
  }
  .login-btn {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  
  .el-button {
    width: 150px;
    margin: 10px 0px;
    background-color: #27ba9b;
    --el-button-active-border-color: none;
  }
  
  .el-button--primary {
      --el-button-text-color: var(--el-color-white);
      /* --el-button-bg-color: var(--el-color-primary); */
      --el-button-border-color: none;
      /* --el-button-outline-color: var(--el-color-primary-light-5); */
      /* --el-button-active-color: var(--el-color-primary-dark-2); */
      --el-button-hover-text-color: var(--el-color-white);
      --el-button-hover-link-text-color: none;
      --el-button-hover-bg-color:#27ba9b;
      --el-button-hover-border-color: none;
      /* --el-button-active-bg-color: var(--el-color-primary-dark-2); */
      /* --el-button-active-border-color: var(--el-color-primary-dark-2); */
      --el-button-disabled-text-color: var(--el-color-white);
      /* --el-button-disabled-bg-color: var(--el-color-primary-light-5);
      --el-button-disabled-border-color: var(--el-color-primary-light-5); */
  }

